<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>疫情分析系统</title>
    <link rel="stylesheet" href="./res/layui/css/layui.css">
    <link rel="stylesheet" href="./res/static/css/index.css">
    <link rel="icon" href="./images/favicon.ico">
    <script src="./highCharts/art-template.js"></script>
    <script src="./api/config.js"></script>
    <script src="./highCharts/jquery-3.2.1.js"></script>
</head>
<body>

<!-- nav部分 -->
<div class="nav index">
    <div class="nav-logo">
        <a href="./status.html">
            <img src="./res/static/img/logo.png" width="65" style="margin-left: 20px;">
        </a>
    </div>

    <div class="layui-container">
        <div class="nav-list">
            <ul class="layui-nav" lay-filter="" style="margin: 0 -35px;">
                <li class="layui-nav-item layui-this"><a href="status.html">疫情现状</a></li>
                <li class="layui-nav-item"><a href="nat.html">核酸检测</a></li>
                <li class="layui-nav-item"><a href="news.html">疫情新闻</a></li>
                <li class="layui-nav-item"><a href="virus.html">专题展示</a></li>
                <li class="layui-nav-item"><a href="way.html">出行速查</a></li>
                <li class="layui-nav-item"><a href="resident.html">居民上报</a></li>
                <li class="layui-nav-item"><a href="hospital.html">医院速查</a></li>
            </ul>
        </div>
    </div>
</div>


<div class="main-news">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend id="title" style="font-size: 28px;font-weight: bold">News</legend>
    </fieldset>

    <div>
        <h3>作者：<span id="author">author</span></h3>
        <br>
        <h3>发布时间: <span id="time">time</span></h3>
    </div>

    <br>
    <br>
    <hr class="layui-bg-red">

    <div id="content-div"></div>
</div>

<!-- footer部分 -->
<!-- <div class="footer">
    <div class="layui-container">
        <div class="layui-row footer-contact">
            <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
                <p class="contact-top"><span class="right">病毒分析系统开发人 </span></p>
                <p class="contact-bottom"><span
                        class="right"></span></p>
            </div>
        </div>
    </div>
</div> -->
<script src="./res/layui/layui.js"></script>
<script>
    function loadIno() {
        var key = getQueryVariable("key");
        $.ajax({
            url: RequestUrl('/articleInfo/formSelectByKey'),
            data: {"key": key},
            type: "Post",
            dataType: "json",
            success: function (data) {
                $('#title').html(data.title);
                $('#time').html(data.time);
                $('#author').html(data.author);
                $('#content-div').html(data.content);
            },
            error: function (data) {
                layer.alert("查找失败!")
            }
        });
    }

    // 默认查询
    loadIno();
</script>
</body>
</html>